<template>
  <div id="app">
    <TabBar v-show="route.meta.hasTabBar" />

    <Loading />

    <router-view v-slot="props">
      <keep-alive include="home">
        <component :is="props.Component"> </component> </keep-alive
    ></router-view>
  </div>
</template>

<script setup>
import { useRoute } from "vue-router";
import TabBar from "./components/tabBar/index.vue";
import Loading from "./components/loading/loading.vue";
const route = useRoute();
</script>

<style scoped>
#app {
  max-width: 750px;
  margin: 0 auto;
}
</style>
